
var prefix = "/pro/product"
$(function() {
	loadType();
	loadProBrand();
	load();
});

function load() {
	$('#exampleTable')
			.bootstrapTable(
					{
						method : 'get', // 服务器数据的请求方式 get or post
						url : prefix + "/list", // 服务器数据的加载地址
						iconSize : 'outline',
						toolbar : '#exampleToolbar',
						striped : true, // 设置为true会有隔行变色效果
						dataType : "json", // 服务器返回的数据类型
						pagination : true, // 设置为true会在底部显示分页条
						singleSelect : false, // 设置为true将禁止多选
						pageSize : 10, // 如果设置了分页，每页数据条数
						pageNumber : 1, // 如果设置了分布，首页页码
						showColumns : false, // 是否显示内容下拉框（选择显示的列）
						sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
						queryParams : function(params) {
							return {
								//说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
								limit: params.limit,
								offset:params.offset,
					            name:$('#name').val(),
								proBrand:$('#proBrand').val(),
								status:$('#status').val(),
								isqty:$('#isqty').val(),
								proModel:$('#proModel').val()
							};
						},
						// //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
						// 返回false将会终止请求
						columns : [
								{
									checkbox : true
								},
								{
									visible : false,
									field : 'id', 
									title : '主键' 
								},
								{
									field : 'sku', 
									title : '产品编号',
									formatter: function(value,row,index){
										return '<a href="'+prefix+'/edittab/'+row.id+'" target="_blank">'+row.sku+'</a>';
									}
								},
								{
									field : 'name', 
									title : '产品名称' 
								},
								{
									field : 'proModel',
									title : '产品型号'
								},
								{
									field : 'status', 
									title : '状态' 
								},
								{
									field : 'proBrand', 
									title : '品牌' 
								},
								{
									field : 'proSpec', 
									title : '产品规格' 
								},
								{
									field : 'purPrice',
									title : '采购价',
									formatter: function(value,row,index){
										var purprice =parseFloat(row.purPrice).toFixed(2);
										return purprice;
									}
								},
								{
									field : 'allQty',
									title : '当前库存'
								},
								{
									field : 'allQtyAmount',
									title : '总库存金额',
									formatter: function(value,row,index){
										var allqtyAmount = parseFloat(row.purPrice*row.allQty).toFixed(2);
										return allqtyAmount;
									}
								},
								{
									field : 'remarks', 
									title : '备注' 
								}
							   ]
					});
}
function reLoad() {
	$('#exampleTable').bootstrapTable('refresh');
}
function add() {
	var page = layer.open({
		type : 2,
		title : '增加',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '520px' ],
		content : prefix + '/add' // iframe的url
	});
	layer.full(page);
}
function edit(id) {
	layer.open({
		type : 2,
		title : '编辑',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '520px' ],
		content : prefix + '/edit/' + id // iframe的url
	});
}
function remove(id) {
	layer.confirm('确定要删除选中的记录？', {
		btn : [ '确定', '取消' ]
	}, function() {
		$.ajax({
			url : prefix+"/remove",
			type : "post",
			data : {
				'id' : id
			},
			success : function(r) {
				if (r.code==0) {
					layer.msg(r.msg);
					reLoad();
				}else{
					layer.msg(r.msg);
				}
			}
		});
	})
}
//加载查询状态下拉
function loadType(){
	var html = "";
	$.ajax({
		url : '/common/dict/list/pro_status',
		success : function(data) {
			//加载数据
			for (var i = 0; i < data.length; i++) {
				html += '<option value="' + data[i].value + '">' + data[i].name + '</option>'
			}
			$(".chosen-select").append(html);
			$(".chosen-select").chosen({
				maxHeight : 200,
				search_contains: true
			});
			//点击事件
			$('.chosen-select').on('change', function(e, params) {
				console.log(params.selected);
				var opt = {
					query : {
						type : params.selected,
					}
				}
				$('#exampleTable').bootstrapTable('refresh', opt);
			});
		}
	});
}
//批量删除
function batchRemove() {
	var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
	if (rows.length == 0) {
		layer.msg("请选择要删除的数据");
		return;
	}
	layer.confirm("确认要删除选中的'" + rows.length + "'条数据吗?", {
		btn : [ '确定', '取消' ]
	// 按钮
	}, function() {
		var ids = new Array();
		// 遍历所有选择的行数据，取每条数据对应的ID
		$.each(rows, function(i, row) {
			ids[i] = row['id'];
		});
		$.ajax({
			type : 'POST',
			data : {
				"ids" : ids
			},
			url : prefix + '/batchRemove',
			success : function(r) {
				if (r.code == 0) {
					layer.msg(r.msg);
					reLoad();
				} else {
					layer.msg(r.msg);
				}
			}
		});
	}, function() {

	});
}
//导出Excle
function exportData() {
	var isqty=$('#isqty').val();
	var proBrand=$('#proBrand').val();
	var proModel=$('#proModel').val();
	var name=$('#name').val();
	var status=$('#status').val();
	var url =prefix + '/exportData';
	if(name != null){
		if (url.indexOf('?') > -1) {
			url += '&name=' + name;
		} else {
			url += '?name=' + name;
		}
	}
	if(isqty != null){
		if (url.indexOf('?') > -1) {
			url += '&isqty=' + isqty;
		} else {
			url += '?isqty=' + isqty;
		}
	}
	if(status != null){
		if (url.indexOf('?') > -1) {
			url += '&status=' + status;
		} else {
			url += '?status=' + status;
		}
	}
	if(proModel != null){
		if (url.indexOf('?') > -1) {
			url += '&proModel=' + proModel;
		} else {
			url += '?proModel=' + proModel;
		}
	}
	if(proBrand != null){
		if (url.indexOf('?') > -1) {
			url += '&proBrand=' + proBrand;
		} else {
			url += '?proBrand=' + proBrand;
		}
	}
	var form = document.createElement('form');
	form.setAttribute('action', url);
	form.setAttribute('method', 'post');
	form.setAttribute('style', 'display:none');
	document.body.appendChild(form);
	form.submit();
	document.body.removeChild(form)
}
function loadProBrand(){
	var html = "";
	$.ajax({
		url : '/pro/product/getProBrand',
		success : function(data) {
			//加载数据
			for (var i = 0; i < data.length; i++) {
				html += '<option value="' + data[i] + '">' + data[i] + '</option>'
			}
			$(".chosen-select-proBrand").append(html);
			$(".chosen-select-proBrand").chosen({
				maxHeight : 200,
				search_contains: true
			});
			//点击事件
			$('.chosen-select-proBrand').on('change', function(e, params) {
				var opt = {
					query : {
						type : params.selected,
					}
				}
				$('#exampleTable').bootstrapTable('refresh', opt);
			});
		}
	});
}
function importxls() {
	layer.open({
		type : 2,
		title : '导入Excel',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '350px' ],
		content : prefix + '/importexcel' // iframe的url
	});
}